<template>
  <view>
    <view class="info">
      <view class="success-icon">
        <u-icon name="checkmark-circle-fill" color="#61916f" size="80"></u-icon>
      </view>
      <view class="success-text">预定成功！</view>
      <view class="success-info">您已预定成功！ <text class="blue">点击此处</text>联系客服咨询详情～</view>
      <view style="padding: 30rpx">
        <u-button  color="#000" text="确定" @click="conform"></u-button>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    conform(){
      uni.redirectTo({
								url: '/pagesA/order/order?type=0'
							})
    }
  }
}
</script>

<style lang="scss">
page{
  background-color: #F5F5F5;
}
.info{
  background-color: white;
  margin-top: 30rpx;
  padding: 30rpx;
  border-radius: 30rpx;
  .success-icon{
    display: flex;
    justify-content: center;
    padding: 60rpx 0;
  }
  .success-text{
    text-align: center;
    font-size: 32rpx;
  }
  .success-info{
    margin-top: 20rpx;
    text-align: center;
    .blue{
      color: #237DCB;
    }
  }
}
</style>
